<template>
	<view>
		<view class="fixed-top bg-white">
			<!-- <u-navbar :is-back="true" :is-fixed="true" title="涉农申报列表" ></u-navbar> -->
			<view class="px-2 mt-2 pb-2 dfes">
				<u-search placeholder="请输入关键字 " height="60" border-color="#8ED0F2" search-icon-color="#8ED0F2"
					bg-color="#fff" v-model="keyword" :action-style="actionStyle"></u-search>
			</view>
			<u-gap height="20" bg-color="#f7f7f7"></u-gap>
		</view>
		<view class=" mt-12 pl-2 pr-2">
			<view class="text-right py-1 text-8ED0F2">
				<text class="font-18 iconfont icon-idcard-examine pr-1"></text>
				<text class="font-16">我的申报</text>
			</view>
			<scroll-view scroll-y scroll-with-animation style="height: calc(100vh - 50px);" :show-scrollbar="false">
				<view class="dfex u-line  pb-2 mb-2" v-for="(item, index) in nenoList" :key="index"
					@click="open('tabbar/index/AgricultureDetails')">
					<view>
						<text class="text-333333 font-14">{{item.title}}</text>
						<text v-if="item.name != '报名中'"
							class="bg-CECECE  ml-2 p rounded font-12 text-A0A0A0">{{item.name}}</text>
						<text v-else class="bg-FFC251 ml-2 p rounded font-12 text-white">{{item.name}}</text>
						<view class="mt-2 lineHights font-12 text-999999">
							<view>开始时间：{{item.kaisTiem}}</view>
							<view>结束时间：{{item.jshuTiem}}</view>
						</view>
					</view>
					<view v-if="item.annt != '查看报名详情'" class="bg-CECECE pl-2 pr-2 p rounded-circle font-12 text-white">
						{{item.annt}}
					</view>
					<view v-else class="bg-78AB06 pl-2 pr-2 p rounded-circle font-12 text-white">{{item.annt}}
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				keyword: '',
				actionStyle: {
					color: '#8ED0F2'
				},
				nenoList: [{
						title: '涉农申报业务标题',
						name: '报名中',
						kaisTiem: '2024.01.13 10:43:50',
						jshuTiem: '2024.01.14 10:43:50',
						annt: '查看报名详情',
					},
					{
						title: '涉农申报业务标题1',
						name: '已结束',
						kaisTiem: '2024.01.13 10:43:50',
						jshuTiem: '2024.01.14 10:43:50',
						annt: '停止报名',
					}
				],
			}
		},
		methods: {
			open(path) {
				uni.navigateTo({
					url: '/pages/' + path
				})
			},
		}
	}
</script>

<style>
</style>